<template>
  <div class="Integrated_Monitoring_YBRZ">
    <div class="pubBig Privilege">
      <div class="h0">
        <p class="lt"></p>
      </div>
      <div class="dDownMain">
        <div
          class="twoBox"
          :style="this.$route.query.Token ? 'top:50px;left:10px' : 'top: 100px'"
        >
          <el-row style="margin-top:10px">
            <el-col :span="20">
              <span style="margin-left:15px">msqid：</span>
              <el-input
                size="mini"
                style="display:inline-block;width:160px"
              ></el-input>
              <span style="margin-left:15px">患者条件一：</span>
              <el-input
                size="mini"
                style="display:inline-block;width:160px"
              ></el-input>
              <span style="margin-left:15px">患者条件二：</span>
              <el-input
                size="mini"
                style="display:inline-block;width:160px"
              ></el-input>
              <span style="margin-left:15px">服务编号：</span>
              <el-input
                size="mini"
                style="display:inline-block;width:160px"
              ></el-input>

              <span style="margin-left:15px">时间：</span>
              <el-date-picker
                size="small"
                v-model="value1"
                type="daterange"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              >
              </el-date-picker>
            </el-col>
            <el-col :span="4">
              <el-button size="small" style="float:right;margin-right:50px"
                >重置</el-button
              >
              <el-button size="small" style="float:right;margin-right:10px"
                >查询</el-button
              >
            </el-col>
          </el-row>
          <el-table :data="tableData" style="width: 100%;margin-top:15px">
            <el-table-column prop="date1" label="Message ID"> </el-table-column>
            <el-table-column prop="date2" label="ServiceCode">
            </el-table-column>
            <el-table-column prop="date3" label="BAE"> </el-table-column>
            <el-table-column prop="date4" label="RequestUserld">
            </el-table-column>
            <el-table-column prop="date5" label="Description">
            </el-table-column>
            <el-table-column prop="date6" label="ExecuteTime">
            </el-table-column>
            <el-table-column prop="date7" label="CreateTime"> </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">
                <el-button
                  size="small"
                  icon="el-icon-chat-dot-square"
                ></el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  data() {
    return {
      value1: "",
      tableData: [
        {
          date1: "3568f4a7-682d-453f-8879-e584abd65934",
          date2: "BS1003",
          date3: "B",
          date4: "S09",
          date5: "Out",
          date6: "2021-11-16 22:11:50",
          date7: "2021-11-10 21:59:35",
        },
        {
          date1: "5644f4a7-782d-357f-8946-e584abd34549",
          date2: "BS1004",
          date3: "C",
          date4: "S12",
          date5: "Int",
          date6: "2021-11-19 08:22:03",
          date7: "2021-11-16 15:32:29",
        },
        {
          date1: "2346f4a7-084d-189f-2301-e584abd05454",
          date2: "BS8046",
          date3: "A",
          date4: "S01",
          date5: "Out",
          date6: "2021-11-26 11:31:00",
          date7: "2021-11-20 16:17:31",
        },
        {
          date1: "4516f4a7-933d-486f-3977-e584abd64078",
          date2: "BS0974",
          date3: "A",
          date4: "S19",
          date5: "Int",
          date6: "2021-11-21 10:38:50",
          date7: "2021-11-20 21:01:56",
        },
        {
          date1: "9204f4a7-756d-891f-0548-e584abd78980",
          date2: "BS0878",
          date3: "E",
          date4: "S20",
          date5: "Out",
          date6: "2021-11-12 09:50:13",
          date7: "2021-11-09 18:06:11",
        },
      ],
    };
  },
  methods: {},
  mounted() {
    // document.getElementById("2").focus();
  },
  created() {
    if (this.$route.query.Token) {
      localStorage.setItem("Token", this.$route.query.Token);
    }
  },
};
</script>
<style lang="scss">
.Integrated_Monitoring_YBRZ {
  .top-input {
    display: inline-block;
    width: 350px;
  }

  .box-top {
    margin-top: 15px;
    margin-left: 5px;
  }
}
</style>
